<div id="div_html">
    <h1 style="text-align: center;">{list_modules_title}</h1>

    <div class="tools">       
        <div id="button_function">
            <a style="text-decoration:none; color:#000;" href="{url_add}" onclick="return hs.htmlExpand(this, {
                   objectType: 'iframe', width: 1000,
                   creditsPosition: 'bottom left',
                   headingEval: 'this.a.title',
                   wrapperClassName: 'titlebar' } )"
               title="{add_new}">
                <input type="button"
                       id="but_add_new"
                       class="buttonStyle01"
                       value=" {add_new} " />
            </a>
            <input type="button"
                   id="but_true" 
                   disabled="disabled" 
                   class="but_tool butx"
                   value=" {true} "  
                   onclick="active_bv('{status_href}','true' , '{page}')" />

            <input type="button" 
                   id="but_false" 
                   disabled="disabled" 
                   class="but_tool butx"
                   value=" {false} "
                   onclick="active_bv('{status_href}', 'false' , '{page}') " />

            <input type="button" 
                   id="but_delete" 
                   disabled="disabled" 
                   class="but_tool butx"
                   value=" {delete} " 
                   onclick="del_bv('{status_href}','delId[]','1','option')" />            


        </div>
        <div class="clear"> </div>

        <div class="paging">{paging}</div>
        <table class="tbl_cms" width="100%" border="1" cellspacing="0" cellpadding="0">

            <thead class="tbl_header">
                <tr>
                    <td class="column_1" rowspan="1" style="cursor:pointer;">
                        <input type="checkbox"  
                               class="submit"
                               name="all" 
                               onclick="checkAll()" 
                               value="all" />
                    </td>                    
                    <td class="column_9">{header_edit}</td>  
                    <td class="column_3" rowspan="1">{header_modulename}</td>                  
                    <td class="column_5" rowspan="1">{header_notes}</td>
                    
                    <td class="column_7">{header_status}</td>

                </tr>

            </thead> 
            <!--Noi Dung Bang-->

            [OPEN htmlmodules]

            [LOOP empty]
            <h1 style="text-align: center;">{list_modules_title} {CatName}</h1>
            <a style="text-align: center; display: block; text-decoration:none; color:#000;"
               href="{url_add}"
               onclick="return hs.htmlExpand(this, {
               objectType: 'iframe', width: 1000,
               creditsPosition: 'bottom left',
               headingEval: 'this.a.title',
               wrapperClassName: 'titlebar' } )"
               title="{add_new}">        
                <input type="button" id="but_add_new" class="but_login" type="button" value=" {add_new} " style="float: none; text-align: center" />
            </a>
            <h1 style="text-align: center;">{modules_name_empty}</h1>
            [/LOOP empty]

            [LOOP modules]

            <tr id="{row_}" class="tbl_content tr{ID} class_show class_{Status}">
                <td class="cell_1">
                    <input type="checkbox" 
                           class="checkbox" 
                           name="delId[]" 
                           onclick="checkOne()" 
                           value="{ID}"/>
                </td> 
                <td class="cell_4">
                    <div class="icon-container">
                        <a class="btn_no_text option tooltip option_icon"  
                           href="{href_edit_module}"
                           title="{title_edit}"
                           onclick="return hs.htmlExpand(this, {
                                    objectType: 'iframe', width: 1000, 
                                    creditsPosition: 'bottom left', 
                                    headingEval: 'this.a.title',
                                    wrapperClassName: 'titlebar' } )" >
                            <span class="edit">{title_edit}</span>
                        </a>
                    </div>
                </td>
                <td class="cell_4" title="{title_edit}">
                    <a class="btn_no_text option tooltip modulename"  
                       onclick="return hs.htmlExpand(this, {
                                    objectType: 'iframe', width: 1000, 
                                    objectTypecreditsPosition: 'bottom left', 
                                    headingEval: 'this.a.title',
                                    wrapperClassName: 'titlebar' } )" 
                       href="{href_edit_module}"
                       title="{title_edit}">{Name}</a>
                </td> 
                <!-- <td class="tooltip" title="app name">{appname}</td> -->
                <td class="cell_4">{Notes}</td>
                <td class="cell_3 status572">
                    {Sta}                      
                </td>
            </tr>
            [/LOOP modules]
            [CLOSE htmlmodules]
        </table>
        <div class="paging">{paging}</div>
    </div>
</div>